﻿<li><a href="javascript:;" class="toggle-right-sidebar text-white waves-effect" role="button">
    <img class="media-object mo-lg img-circle mCS_img_loaded" src="~/Images/_ErrorImage.png" actual-image="@ChurchDiary.Common.Current.UserImage" on-error-src="~/Images/_LoadImage.jpg"></a></li>
<li class="dropdown">
    <a href="#" class="dropdown-toggle text-white alert-notice waves-effect" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">@ChurchDiary.Common.Current.Name&nbsp;<span class="caret"></span></a>
    <ul class="dropdown-menu dropdown-menu-right dm-small m-0 p-0 bs-2 animated fadeIn">
        <li class="p-15 pt-10 pb-10 fs-12 text-uppercase fw-700 bg-black bs-inset-primary clearfix">
            <span class="pull-left">My Profile</span>
        </li>
        <li class="clearfix">
            <div class="bg-white bs-0">
                <div class="bg-cover text-center" style="background-image: url('@ChurchDiary.Common.Current.CoverImage'); height: 140px;">
                    <a href="javascript:void(0)" style="display: inline-block; border-radius: 50%; padding: 3px; background-color: #fff; margin-top: 90px">
                        <img src="~/Images/_ErrorImage.png" actual-image="@ChurchDiary.Common.Current.UserImage" on-error-src="~/Images/_LoadImage.jpg" class="img-circle" style="width:80px;height:80px;">
                    </a>
                </div>
                <div class="text-center mt-20 p-20">
                    <h3 class="mt-0 mb-5">@ChurchDiary.Common.Current.Name</h3>
                </div>
                <div class="row m-0 p-15 text-center bg-purple">
                    <div class="col-xs-4 p-0">
                        <a href="../../" style="color: #fff;">
                        <span class="block fs-20 fw-600" style="color: #fff;"><i class="fa fa-power-off"></i></span>
                        <span class="block">Logout</span></a>
                    </div>
                   <div class="col-xs-4 p-0">
                        <a href="../../Settings/UserSettings" style="color: #fff;">
                        <span class="block fs-20 fw-600" style="color: #fff;"><i class="fa fa-gear"></i></span>
                        <span class="block">Settings</span></a>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</li>

